@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .wp{
    	width: 95%;
    }
    .ul-balance .table .s1{
    	width: 40%;
    }
    .ul-balance .table .s2{
    	width: 45%;
    }
    .ul-balance .table .s3{
    	width: 15%;
    }
    .ul-balance .con{
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .ul-balance{
    	margin: 0 -10px;
    }
    .ul-balance li{
    	padding: 0 10px;
    }
    .row-f02 .col-main{
    	padding-left: 220px;
    }
    .g-warning .el-alert--warning.is-light .el-alert__description,
    .g-warning .el-alert__content{
    	white-space: normal;
    }
    .m-product .info .item{
    	margin-left: 10px;
    }
    .m-product .box .s1{
    	width: 100%;
    	float: none;
    }
    .m-product .box .s2{
    	margin-left: 0;
    	width: 50%;
    }
    .m-table02 .con{
    	height: 300px;
    }
    .m-product .info{
    	overflow: hidden;
    }
    .g-select02 .s-desc{
    	left: 100%;
    	margin-right: 0;
    	margin-left: 3px;
    	right: auto;
    }
}

@media only screen and (max-width: 959px) {
    .m-table01 .table{
    	overflow-x: auto;
    	overflow-y: hidden;
    }
    .m-table01 .el-table{
    	min-width: 780px; 
    }
    .g-tit01 h2{
    	font-size: 18px;
    }
    .ul-balance h3{
    	font-size: 16px;
    }
    .ul-balance .money{
    	font-size: 24px;
    }
    .ul-balance .handle .item .link{
    	font-size: 14px;
    }
    .ul-balance{
    	margin: 0;
    }
    .ul-balance .handle{
    	padding-top: 10%;
    }
    .ul-balance li{
    	padding: 0;
    	margin: 0 0 20px;
    	margin-bottom: 20px;
    	width: 100%;
    	float: none;
    }
    .ul-balance .card{
    	min-height: 260px;
    }
    .m-balance .info p{
    	font-size: 14px;
    }
    .m-balance .desc{
    	font-size: 12px;
    }
    .m-product .box .s1 .last,
    .g-tit02 h2{
    	font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
	.wp{
		width: 100%;
    	padding: 0 15px;
    }
    .row-f02 .col-aside{
    	width: auto;
    	float: none;
    }
    .row-f02 .col-main{
    	padding-left: 0;
    }

	.el-table td.is-right, 
	.el-table th.is-right{
	    text-align: left!important;
	}
	.m-wallet .top .left{
		float: none;
	}
	.m-wallet .top .g-search01{
		margin-bottom: 10px;
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.m-wallet .top .right{
		float: none;
		overflow: hidden;
		margin-top: -28px;
	}
	.g-button02{
		float: right;
	}
	.m-table01 .table{
		padding: 20px 0;
	}
	.row-f02{
		padding-bottom: 30px;
	}
	.row-f03 .col-aside{
		width: 100%;
		float: none;
	}
	.row-f03 .col-main{
		padding-left: 0;
	}
    .m-product .box .s2{
    	width: 100%;
    	float: none;
	}
    .m-product .box .s3{
    	width: 100%;
    	padding-left: 0;
	}
	.g-select02 .s-desc.show{
		display: none;
	}

}

/*Common For Max 480*/
@media only screen and (max-width: 479px) {
    
}

